<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>6-在浏览器中使用art-template</title>
</head>
<body>
    <!-- 模板引擎不关心字符串内容，只关心自己认识的模板标记语法，例如 {{}} -->
    <!-- {{}} 语法称之为 mustache 语法，八字胡 -->
    
    <script src="./node_modules/art-template/lib/template-web.js"></script>
    <script type="text/template" id="tpl">
        我叫 {{name}}，
        今年 {{age}} 岁，
        我来自 {{provice}}
        我喜欢： {{each hobbies}} {{ $value }} {{/each}}
    </script>

    <script>
    var ret =  template('tpl', {
        name: 'may',
        age: 18,
        provice: '西安',
        hobbies: [
            '1',
            '2'
        ]

    })

    console.log(ret)
    </script>

</body>
</html>